<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="keywords" content="shopping">
  <meta name="description" content="shopping">
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  <title>shopping</title>
  <script src="https://cdn.bootcss.com/jquery/1.12.3/jquery.min.js"></script>
  <script src="js/address.js"></script>
  <link rel="stylesheet" href="./css/bootstrap.min.css">
  <link rel="stylesheet" href="./css/address.css">
  <link rel="stylesheet" href="./css/public.css">
  <link rel="stylesheet" href="//at.alicdn.com/t/font_745333_g55zsfjlolf.css">
  <script src="./js/bootstrap.min.js"></script>
</head>

<body>
  <!-- 公共头部 -->
  <div class="contentHead">
    <div class="head">
      <div class="iconfont">
        <a href="#" class="icon pd-x_user"></a>
        <a href="#" class="icon pd-x_qrcode"></a>
        <a href="#" class="icon pd-x_phone"></a>
        <a href="#" class="icon pd-x_help"></a>
      </div>
      <div class="tel">
        <span class="icon pd-x_service"></span>
        <span class="server">服务热线</span>
        <span class="phone">400-1234-5678</span>
      </div>
    </div>
  </div>
  <!-- 头部搜索 -->
  <div class="search">
    <div class="logo">
      <img src="./images/logarea.png" alt="">
    </div>
    <div class="searchinfo">
      <div class="searchbox">
        <p>全部分类</p>
        <div class="line"></div>
        <input type="text" name="" id="" placeholder="搜索商品">
        <div class="right">
          <span class="icon pd-search_line"></span>
          <span class="sousuo">搜索</span>
        </div>
      </div>
    </div>
    <div class="myshop">
      <div class="bg">
        <span class="icon pd-x_cart"></span>
      </div>
      <div class="my">
        <p class="shop">我的购物车
          <span class="icon pd-baseicons82"></span>
        </p>
        <p class="pirce">￥ 0.00</p>
      </div>
    </div>
  </div>
  <!-- nav -->
  <div class="navT">
    <div class="nav">
      <img src="./images/nav1.png" alt="">
      <div class="navAll">
        <a href="#" style="padding-left: 72px" class="active">首页</a>
        <a href="#">限时秒杀</a>
        <a href="#">商品促销</a>
        <a href="#">关于我们</a>
        <a href="#">联系我们</a>
      </div>
    </div>
  </div>

  <!-- 内容 -->
  <div class="cont">
    <!-- 左边头像个人导航 -->
    <div class="personal">
      <div class="personalTop">
        <img src="./images/head.png" alt="">
        <p class="welcome">欢迎回来，</p>
        <p class="name">牛小叉</p>
      </div>
      <div class="personalBottom">
        <ul>
          <li style="padding-top: 0" class="active">
            <span class="line"></span>
            <span class="icon pd-member_solid"></span>
            <a href="#">会员中心</a>
          </li>
          <li>
            <span class="icon pd-member_solid"></span>
            <a href="#">个人资料</a>
          </li>
          <li>
            <span class="icon pd-member_solid"></span>
            <a href="#">账户安全</a>
          </li>
          <li>
            <span class="icon pd-member_solid"></span>
            <a href="#">收货地址</a>
          </li>
          <li>
            <span class="icon pd-member_solid"></span>
            <a href="#">账户余额</a>
          </li>
          <li>
            <span class="icon pd-member_solid"></span>
            <a href="#">提现记录 </a>
          </li>
          <li>
            <span class="icon pd-member_solid"></span>
            <a href="#">我的优惠券</a>
          </li>
          <li>
            <span class="icon pd-member_solid"></span>
            <a href="#">我的积分</a>
          </li>
          <li>
            <span class="icon pd-member_solid"></span>
            <a href="#">我的订单</a>
          </li>
          <li>
            <span class="icon pd-member_solid"></span>
            <a href="#">退款/退货及维修</a>
          </li>
          <li>
            <span class="icon pd-member_solid"></span>
            <a href="#">商品评价/晒单</a>
          </li>
          <li>
            <span class="icon pd-member_solid"></span>
            <a href="#">商品收藏</a>
          </li>
        </ul>
      </div>

    </div>
    <!-- 右边具体内容:收货地址管理 -->
    <div id="address" class="address center">
      <div class="addNewAddress">新增收货地址</div>
      <!-- 列表 -->
      <table class="address-table">
        <tr class="table-first">
          <th>收货人</th>
          <th>所在地区</th>
          <th>详细地址</th>
          <th>手机号</th>
          <th>操作</th>
        </tr>
        <tr>
          <td>刘小叉</td>
          <td>重庆市 重庆市 南岸区</td>
          <td>重庆市南岸区南坪大道99号9-9</td>
          <td>13712345678</td>
          <td>
            <a href="#">修改</a>
            <i class="icon pd-baseicons61"></i>
          </td>
        </tr>
        <tr>
          <td>刘小叉</td>
          <td>重庆市 重庆市 南岸区</td>
          <td>重庆市南岸区南坪大道99号9-9</td>
          <td>13712345678</td>
          <td>
            <a href="#">修改</a>
            <i class="icon pd-baseicons61"></i>
          </td>
        </tr>
      </table>
      <!-- 翻页区 -->
      <div class="changepage">
        <a href="#">首页</a>
        <a href="#">上一页</a>
        <ul class="changepage-info">
          <li class="active"><a href="#">1</a></li>
        </ul>
        <a href="#">下一页</a>
        <a href="#">尾页</a>
      </div>
      <!-- 新增收货按钮 -->
      <button id="btnaddress" class="btnaddress">新增收货地址</button>
    </div>
    <!-- 右边具体内容:收货地址增加 -->
    <div id="addaddress" class="addaddress center">
      <h2>新增收货地址</h2>
      <form action="">
        <h3>配送区域</h3>
        <div class="btn-group address-select">
            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                <span class="buttonText">请选择省</span>
                <span class="caret"></span>
            </button>
            <ul class="dropdown-menu" role="menu">
                <li><a>重庆省</a></li>
                <li><a>重庆省</a></li>
                <li><a>重庆省</a></li>
                <li><a>重庆省</a></li>
            </ul>
        </div>
        <div class="btn-group address-select">
            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                <span class="buttonText">请选择市</span>
                <span class="caret"></span>
            </button>
            <ul class="dropdown-menu" role="menu">
                <li><a>重庆省</a></li>
                <li><a>重庆省</a></li>
                <li><a>重庆省</a></li>
                <li><a>重庆省</a></li>
            </ul>
        </div>
        <div class="btn-group address-select">
            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                <span class="buttonText">请选择区/县</span>
                <span class="caret"></span>
            </button>
            <ul class="dropdown-menu" role="menu">
                <li><a>重庆省</a></li>
                <li><a>重庆省</a></li>
                <li><a>重庆省</a></li>
                <li><a>重庆省</a></li>
            </ul>
        </div>
        <!-- <div class="address-select">
          <select name="province" id="province">
            <option style="display: none">请选择省</option>
            <option value="重庆省">重庆省</option>
            <option value="重庆省">重庆省</option>
<<<<<<< HEAD
            <option value="重庆省">重庆省</option>
            <option value="重庆省">重庆省</option>
=======
>>>>>>> 89dfe93f0a94f2f0b9effe930aacf84349f930f4
          </select>
          <i class="icon pd-baseicons20"></i>
        </div> --> 
        <div class="box">
          <h3>收货人姓名</h3>
          <input type="text">
        </div>
        <div class="box">
          <h3>手机</h3>
          <input type="text">
        </div>
        <h3 class="addaddress-last">详细地址</h3>
        <input name="address" type="text">
        <button class="saveaddress">保存收货地址</button>
      </form>
    </div>
  </div>

  <!-- 正品保障 -->
  <div class="real">
    <div class="realThing">
      <div class="realThingCont">
        <span class="icon pd-real_solid"></span>
        <span>正品保障</span>
      </div>
      <div class="realThingCont">
        <span class="icon pd-real_solid"></span>
        <span>正品保障</span>
      </div>
      <div class="realThingCont">
        <span class="icon pd-real_solid"></span>
        <span>正品保障</span>
      </div>
      <div class="realThingCont">
        <span class="icon pd-real_solid"></span>
        <span>正品保障</span>
      </div>
    </div>
  </div>
  <!-- 公共底部 -->
  <div class="footer">
      <div class="footerTop">
        <div>
          <img src="./images/LOGO.png" alt="">
        </div>
        <div class="">
          <dl>
            <dt>配送与支付</dt>
            <dd>货到付款区域</dd>
            <dd>配送支付智能查询</dd>
            <dd>支付方式说明</dd>
          </dl>
        </div>
        <div class="">
          <dl>
            <dt>服务保证</dt>
            <dd>退换货原则</dd>
            <dd>售后服务保证</dd>
            <dd>产品质量保证</dd>
          </dl>
        </div>
        <div class="">
          <dl>
            <dt>联系我们</dt>
            <dd>网站故障报告</dd>
            <dd>选机咨询</dd>
            <dd>投诉与建议</dd>
          </dl>
        </div>
        <div class="fuwu">
            <dl>
              <dt>服务热线</dt>
              <dd>400-023-4567</dd>
            </dl>
          </div>
      </div>
      <div class="line"></div>
      <div class="footerBottom">
            <p>© 2018  WWW.SHOPPING.COM</p>
      </div>
    </div>
</body>
<script src="./js/jquery.1.8.2.min.js"></script>

</html>